::v-deep {
  .el-calendar {
    background: transparent;

    .el-calendar__header {
      // display: none;
      border: none;

      .el-calendar__title {
        color: rgba(255, 255, 255, 0.7);
      }

      .el-calendar__button-group {
        .el-button-group {
          .el-button {
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.7);
          }

          .el-button:nth-child(2) {
            display: none;
          }

          .el-button:hover {
            color: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }

    .el-calendar__body {
      padding: 0;

      .el-calendar-table {
        &:not(.is-range) {

          //使不是本月的日期不可点击，不会跳转到其他月份
          td.next {
            pointer-events: none;
          }

          td.prev {
            pointer-events: none;
          }
        }

        thead th {
          color: rgba(255, 255, 255, 0.7);
        }
      }

      .el-calendar-table__row {
        td {
          border: none;

          .el-calendar-day {
            padding: 0;
            height: 50px;
            cursor: default;

            .cont {
              text-align: center;
              color: rgb(238, 238, 238);
              font-size: 16px;

              p {
                width: 28px;
                height: 28px;
                line-height: 28px;
                border-radius: 50%;
                margin: 0 auto;
              }

              .cont-status {
                line-height: 20px;
              }
            }

            .day-after {
              cursor: default;
              color: rgba(255, 255, 255, 0.4);
            }
          }

          .el-calendar-day:hover {
            background-color: transparent;
          }
        }

        // .is-today {
        //   color: rgba(255, 255, 255, 0.4) !important;

        //   p {
        //     background: #25bb96;
        //   }
        // }

        .is-selected {
          background-color: transparent;
        }
      }
    }
  }
}